<!DOCTYPE html>
<html lang="en">
<head>
	<title>{$conf.web_title}</title>
	<meta charset="utf-8">
	<meta name="description" content="{$conf.web_desc}"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/reset.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/main.css">
	<link rel="stylesheet" href="__PUBLIC__/Common/share/dist/css/share.min.css">
	    <link rel="stylesheet" href="__PUBLIC__/Common/js/layui/css/layui.css">
</head>
<body>

	<header>
		<div class="logo">
			<a href="index.html"><img src="__PUBLIC__/Home/img/logo.png" title="Magnetic" alt="Magnetic"/></a>
		</div><!-- end logo -->

		<div id="menu_icon"></div>
		<nav>
			<ul>
				<li><a href="index.html" class="selected">Home</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">The Team</a></li>
				<li><a href="#">Journal</a></li>
				<li><a href="contact.html">Contact Us</a></li>
			</ul>
		</nav><!-- end navigation menu -->

		<div class="footer clearfix">
			<div class="social-share">

			</div>

			<div class="rights">
				<p>Copyright © 2017 {$conf.copyright}</p>
			</div><!-- end rights -->
		</div ><!-- end footer -->
	</header><!-- end header -->

	<section class="main clearfix" id="demo">
		<!-- 文章标签 -->
		<volist name="list" id="list">
			<div class="work">
				<a href="{:U('Home/Index/index',['user'=>'feiyanger','id'=>1])}">
					<notempty name="list.img_url">
						<img src="{$list.img_url}" style="max-height:720px"class="media" alt=""/>
						<else/>
						<img src="__PUBLIC__/Home/img/work1.jpg" class="media" alt=""/>
					</notempty>

					<div class="caption">
						<div class="work_title">
							<h1>{$list.title}</h1>
																				<h3>{$list.author}</h3>
						</div>
					</div>
				</a>
			</div>
		</volist>
		<!-- 文章标签结束 -->
	</section><!-- end main -->
	<script type="text/javascript" src="__JQUERY__"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/js/main.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Common/share/dist/js/jquery.share.min.js"></script>
	<script src="__PUBLIC__/Common/js/layer/layer.js"></script>
	<script src="__PUBLIC__/Common/js/layui/layui.js"></script>
	<script type="text/javascript">
	var URL = {
		'index_url':"{:U('Home/Index/index')}",
	}
	layui.use('flow', function(){
  var $ = layui.jquery; //不用额外加载jQuery，flow模块本身是有依赖jQuery的，直接用即可。
  var flow = layui.flow;
  flow.load({
    elem: '#demo' //指定列表容器
    ,done: function(page, next){ //到达临界点（默认滚动触发），触发下一页
      var lis = [];
      //以jQuery的Ajax请求为例，请求下一页数据（注意：page是从2开始返回）
      $.get(URL.index_url+'/p/'+page, function(res){
        //假设你的列表返回在data集合中
        layui.each(res.data, function(index, item){
          lis.push('<li>'+ item.title +'</li>');
        });

        //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
        //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
        next(lis.join(''), page < res.pages);
      });
    }
  });
});
	var config = {
		url                 : 'http://yangzhancaiwu.cn', // 网址，默认使用 window.location.href
		source              : '', // 来源（QQ空间会用到）, 默认读取head标签：<meta name="site" content="http://overtrue" />
		title               : 'feiyanger Test', // 标题，默认读取 document.title 或者 <meta name="title" content="share.js" />
		description         : '', // 描述, 默认读取head标签：<meta name="description" content="PHP弱类型的实现原理分析" />
		image               : 'http://img.ixiumei.com/uploadfile/2016/0530/20160530014358313.jpg', // 图片, 默认取网页中第一个img标签
		sites               : ['qzone', 'qq', 'weibo','wechat'], // 启用的站点
		disabled            : ['google', 'facebook', 'twitter'], // 禁用的站点
   };

$('.social-share').share(config);
	</script>
</body>
</html>
